<template>
	<view>
		<view>
			<uni-card :is-shadow="false" is-full>
				<view style="text-align: center;" class="uni-h6">骑手认证表单</view>
			</uni-card>
		</view>
		<view>
			<uni-section title="信息确认" type="line">
				<view>
					<uni-notice-bar
					show-icon 
					speed="100"
					scrollable="true"
					color="#2979FF"
					background-color="#EAF2FF"
					text="如果发现信息出现问题请勿点击下方绿色按钮,请前往个人中心修改个人信息"
					/>
				</view>
				<view style="padding: 20rpx;">
					<view class="box">
						<!-- 基础用法，不包含校验规则 -->
						<uni-forms :modelValue="title">
							<uni-forms-item label="账号:" >
								<uni-easyinput v-model="title.username" disabled  />
							</uni-forms-item>
							<uni-forms-item label="姓名:" >
								<uni-easyinput v-model="title.name" disabled />
							</uni-forms-item>
							<uni-forms-item label="性别:" >
								<uni-easyinput v-model="title.sex" disabled />
							</uni-forms-item>
							<uni-forms-item label="电话:" >
								<uni-easyinput v-model="title.phone" disabled />
							</uni-forms-item>
						</uni-forms>
						
						<view>
							<button type="primary" style="width: 80%;" @click="goToSecondAuthentication()">确认信息无误</button>
						</view>
					</view>
				</view>
			</uni-section>
		</view>


	</view>
</template>

<script>
	export default {
		data() {
			return {
				user: uni.getStorageSync('xm-user'),
				title:{}
			}
		},
		onLoad() {
			this.load()
		},
		methods: {
			load(){
				this.title = JSON.parse(JSON.stringify(this.user))
			},
			goToSecondAuthentication(){
				uni.navigateTo({
					url:"/pages/secondAuthentication/secondAuthentication"
				})
			}
		}
	}
</script>

<style>

</style>
